html,
body
  width 100%
  height 100%
body
  margin 0
  padding 0
  border 0
  background rgba(242, 242, 242, 1)
  color $color-font
  vertical-align baseline
  font-weight normal
  font-size $font-size
  font-family BlinkMacSystemFont, 'Helvetica Neue', 'PingFang SC', 'Hiragino Sans GB', Arial, sans-serif
  line-height 1
  overflow-x hidden
  -webkit-text-size-adjust none
  -webkit-tap-highlight-color rgba(0, 0, 0, 0)
  -webkit-text-size-adjust none !important
  &::-webkit-scrollbar
    display none
/* 边框
---------------------------------------------------------- */
.border-a,
.border-a-r *
  position relative
.border-a,
.border-t,
.border-b,
.border-tb,
.border-l,
.border-r,
.border-a-r
  position relative
.border-a
  &::before
    setLine()
.border-a-r
  &::before
    setLineR()
.border-t
  &::before
    setTopLine()
.border-b
  &::after
    setBottomLine()
.border-tb
  &::before
    setTopLine()
  &::after
    setBottomLine()
.border-l
  &::before
    setLeftLine()
.border-r
  &::after
    setRightLine()
/* 输入框
---------------------------------------------------------- */
input,
textarea
  width 100%
  outline none
  border none
  background-color transparent
  color $color-font
  font-size $font-size
  font-family BlinkMacSystemFont, 'Helvetica Neue', 'PingFang SC', input
  line-height 1.2em
  caret-color $color-main
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input:disabled::-webkit-input-placeholder,
textarea:disabled::-webkit-input-placeholder
  color $color-font-hl !important
input::-moz-placeholder,
textarea::-moz-placeholder,
input:disabled::-moz-placeholder,
textarea:disabled::-moz-placeholder
  color $color-font-hl !important
input:-moz-placeholder,
textarea:-moz-placeholder,
input:disabled:-moz-placeholder,
textarea:disabled:-moz-placeholder
  color $color-font-hl !important
input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input:disabled:-ms-input-placeholder,
textarea:disabled:-ms-input-placeholder
  color $color-font-hl !important
// 容器
.page_full,
.page_rich,
.page
  position absolute
  top 0
  right 0
  bottom 0
  left 0
  overflow-x hidden
  overflow-y auto
  margin 0 auto
  max-width 470px
  background-color #fff
  -webkit-overflow-scrolling touch
  .page,
  .page_full,
  .page_rich
    z-index 200
    transform translateY(0)
.page_flex
  flexColAlign()
.page_flex_wrap
  position relative
  flex 1
  width 100%
  height 0
/* 公用样式
---------------------------------------------------------- */
.white_bg
  background-color #fff
.gray_bg
  background-color $color-gray
.c-ipt + .c-ipt
  margin-top 20px
.svg_wrap
  font-size 16px
.tc
  text-align center
.fb
  font-weight bold
.mclr
  color $color-main
.lclr
  color $color-font-l
.hlclr
  color $color-font-hl
/* 按钮
---------------------------------------------------------- */
.btn_wrap
  margin-top 80px
  padding-bottom 20px
.btn
  width 100%
  height 45px
  outline none
  border none
  border-radius $border-r
  background-color #fff
  color $color-font
  font-size 18px
  & +.btn
    margin-top 30px
  &.btn_default
    position relative
    border 1px solid $color-bd
    color $color-font
  &.btn_warning
    position relative
    background $color-red
    color #fff
  &.btn_main
    background $linear
    color #fff
  &.btn_main_l
    border 1px solid $color-main
    background $color-main-l
    color $color-main
button[disabled],
.btn[disabled],
.btn.btn_main[disabled]
  background $color-disabled !important
  color #fff !important
button
  outline none
  border none
  background-color transparent
  font-size $font-size
  font-family BlinkMacSystemFont, 'Helvetica Neue', 'PingFang SC', 'Hiragino Sans GB', Arial, sans-serif
/* 样式
---------------------------------------------------------- */
.img_wrap
  background-color $color-bg
  line-height 0
  img
    width 100%
// 背景图
.img_bg
  background-color $color-gray
  background-position center
  background-size cover
  background-repeat no-repeat
// 富文本
.rich_content
  overflow hidden
  width 100%
  // text-align justify
  font-size 16px
  line-height 1.5
  *
    max-width 100%
    word-break break-word
    font-size 16px !important
    font-weight normal !important
    text-align left !important
    line-height 1.5 !important
    font-family BlinkMacSystemFont, 'Helvetica Neue', 'PingFang SC', 'Hiragino Sans GB', Arial, sans-serif !important
  table
    width 100%
  a
    color $color-main
  img
    margin 10px 0
    width 100%
// .rule
//   img
//     width 100%
// 动画
.page .ani-fast
  animation-duration 100ms